.container-tab {
	background-image: url('@/static/image/user/title-background.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.title-background {
	padding: 160rpx 28rpx 54rpx;
	padding-top: calc(var(--bar-top) + var(--var-height) + 36rpx);
	.title-user {
		display: flex;
		flex-direction: row;
		.user-item {
			line-height: 92rpx;
			image {
				width: 100%;
				height: 100%;
			}
		}
		.user-avatar {
			overflow: hidden;
			width: 92rpx;
			height: 92rpx;
			border-radius: 50%;
			background-color: #FFFFFF;
			// .user-avatar-image {
			// 	border-radius: 50%;
			// }
		}
		.user-name {
			-webkit-flex: 1;
			flex: 1;
			margin-left: 20rpx;
			font-size: 36rpx;
		}
		.user-qrcode {
			margin-top: 5rpx;
			width: 82rpx;
			height: 82rpx;
			border-radius: 50%;
			background-color: #FEA95F;
			display: flex;
			justify-content: center;
			align-items: center;
			image {
				width: 100%;
				height: 100%;
			}
		}
	}
	.title-score {
		display: flex;
		flex-direction: row;
		margin-top: 48rpx;
		line-height: 46rpx;
		.score-title {
			font-size: 28rpx;
		}
		.score-number {
			-webkit-flex: 1;
			flex: 1;
			margin-left: 8rpx;
			color: #FF6C25;
			font-size: 40rpx
		}
		.score-btn {
			font-size: 30rpx;
			border-radius: 40rpx;
			height: 56rpx;
			line-height: 56rpx;
		}
	}
}

.glass-screen {
	margin: 28rpx;
	padding: 30rpx;
	border-radius: 16rpx;
	background: inherit;
	background-size: cover;
	background-position: 50% 250%;
	height: 260rpx;
	filter: blur(30rpx);
	box-shadow: 0px 0px 5px 2px rgba(255, 255, 255, 0.72);
	z-index: -111;

}
.order-box {
	margin: 28rpx;
	padding: 30rpx;
	border-radius: 16rpx;
	margin-top: -352rpx;
	background: rgba(255, 255, 255, 0.3);
	.box-title {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		font-size: 36rpx;
		.box-title-left {
			z-index: 99;
		}
		.box-title-order {
			z-index: 99;
			align-items: center;
			font-size: 30rpx;
			color: #666666;
			.arrow-image {
				padding-left: 8rpx;
				color: #7F7F7F;
				// width: 26rpx;
				// height: 26rpx;
			}
		}
	}
	.box-content {
		justify-content: space-between;
		margin: 40rpx 0 10rpx;
		font-size: 28rpx;
		// z-index: 99;
		.content-item {
			z-index: 99;
		}
		.box-image {
			z-index: 99;
			margin: 0 auto;
			width: 56rpx;
			height: 56rpx;
		}
	}

}

.menu-box {
	margin: 28rpx;
	background-color: #FFFFFF;
	border-radius: 16rpx;
	.menu-item {
		height: 100rpx;
		align-items: center;
		margin: 0 22rpx;
		border-bottom: 1rpx solid #E0E0E0;
		.menu-icon {
			width: 40rpx;
			height: 40rpx;
		}
		.verify-icon{
			height:68rpx;
			width: 92rpx;
		}
		.menu-text {
			-webkit-flex: 1;
			flex: 1;
			margin-left: 26rpx;
		}
		.menu-arrow {
			color: #7F7F7F;
		}
	}
	.menu-item-last {
		border: none;
	}

}
